<template>
    <div class="m-life">
        <ul>
            <li class="clearfix">
                <div class="slider">
                    <el-carousel height="240px">
                        <el-carousel-item v-for="(item,index) in imgList" :key="index">
                            <a :href="item.url" target="_blank">
                                <img :src="item.pic" :alt="item.alt">
                            </a>
                        </el-carousel-item>
                    </el-carousel>
                </div>
                <div class="mt-ad1">
                    <a href="/xiuxianyule/" target="_blank">
                        <img src="http://p0.meituan.net/codeman/e473bb428f070321269b23370ff02ba956209.jpg" alt="">
                    </a>
                </div>
            </li>
            <li class="clearfix">
                <a href="//hotel.meituan.com" target="_blank" class="m-ad mt-ad2">
                    <img src="http://p1.meituan.net/codeman/8cce56c467a17e04f3094d1e455462a0132772.png" alt="">
                </a>
                <a href="/jiaoyupeixun/?utm_source=MTPCmain-4" target="_blank" class="m-ad mt-ad3">
                    <img src="http://p1.meituan.net/codeman/16442c19da1f1c4544f794e29d99c92051716.jpg" alt="">
                </a>
                <a href="http://emis.meishi.meituan.com/merchantsSettled" target="_blank" class="m-ad mt-ad4">
                    <img src="http://p1.meituan.net/codeman/5b21cddb4bb1cbc3a9c3bce0f726c75940469.jpg" alt="">
                </a>
            </li>
        </ul>                   
    </div>
</template>

<script>

export default{
    data(){
        return{
            imgList:[
                {
                    url:'http://hotel.meituan.com/',
                    pic:'http://p0.meituan.net/codeman/daa73310c9e57454dc97f0146640fd9f69772.jpg',
                    alt:'住酒店'
                },
                {
                    url:'/meishi/',
                    pic:'http://p1.meituan.net/codeman/826a5ed09dab49af658c34624d75491861404.jpg',
                    alt:'吃美食'
                },
                {
                    url:'http://waimai.meituan.com/',
                    pic:'http://p0.meituan.net/codeman/a97baf515235f4c5a2b1323a741e577185048.jpg',
                    alt:'点外卖'
                },
                {
                    url:'http://maoyan.com/',
                    pic:'http://p0.meituan.net/codeman/33ff80dc00f832d697f3e20fc030799560495.jpg',
                    alt:'看电影'
                },
                {
                    url:'https://paidui.meituan.com/?activity_code=169_00038142',
                    pic:'https://p1.meituan.net/travelcube/01d2ab1efac6e2b7adcfcdf57b8cb5481085686.png',
                    alt:'美团排队'
                },
            ]
        }
    }         
}
</script>